<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    /* 传统盒子的特性,边距和边框会改变盒子的高度 */
    div:nth-child(1) {
        width: 200px;
        height: 200px;
        padding: 20px;
        border: 10px solid #fff;
        box-sizing: content-box;
    }

    /* CSS3盒子特性,内边距和边框不会改变盒子的高度 */
    div:nth-child(2) {
        width: 200px;
        height: 200px;
        padding: 20px;
        border: 10px solid #fff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    /* 删除移动端点击超链接之后有蓝色背景,使其变成透明 */
    a {
        -webkit-tap-highlight-color: transparent;
    }

    /* 去掉按钮的默认样式 */
    /* button {
        -webkit-appearance: none;
    } */

    /* 禁用长按页面时弹出菜单 */
    img,
    a {
        -webkit-touch-callout: none;
    }
</style>

<body>
    <div></div>
    <div></div>

    <a href="#">66666666</a>
    <button>button</button>
    <img src="./案例/images/apple100.jpg" alt="">
</body>

</html>